body{
	color: #444;
	padding: 0;
	margin: 0;
	font-size: 14px;
    font-family: "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Arial","sans-serif"!important;
    
}
@font-face {font-family: "iconfont";
	src: url('../font/iconfont.eot'); 
	src: url('../font/iconfont.eot') format('embedded-opentype'), 
	url('../font/iconfont.woff') format('woff'), 
	url('../font/iconfont.ttf') format('truetype'), 
	url('../font/iconfont.svg#iconfont') format('svg'); 
  }

.iconfont{
	font-family:"iconfont"!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}                    

* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	padding: 0;
	
	margin: 0;
}
a {
	font-size: 100%;
	border: 0;
	color: #333;
	text-decoration: none;
}
ol,
ul,
li {
	list-style: none;
}

input,textarea{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  	-webkit-appearance: none; 
}
.btnActive:hover{
	opacity: 0.5;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
* html .clearfix {
	height: 1%;
}
*+html .clearfix {
	min-height: 1px;
}
.p_re {
	position: relative;
}
.p_ab{
	position: absolute;
}
.martop20{
	margin-top: 20px
}
.width414,.width414 input{
	width: 414px!important
}
.width240,.width240 input{
	width: 240px
}
.martop15{
	margin-top: 15px
}
.marleft20{
	margin-left: 20px
}
.marleft10{
	margin-left: 10px
}
.width580 .el-dialog{
	width: 580px
}
.width600 .el-dialog{
	width: 600px
}
.width1000 .el-dialog{
	width: 1000px
}
.width180{
    width: 180px
}
.nopad{
	padding: 0
}
//背景色
.back-color(@color){
    background-color: @color
}
//padding 值
.padleft(@num){
    padding-left: @num
}
.padright(@num){
    padding-right: @num
}
.padtop(@num){
    padding-top: @num
}
.padbottom(@num){
    padding-bottom: @num
}
//margin 
.marleft(@num){
	margin-left: @num
}
.martop(@num){
	margin-top: @num
}
.marright(@num){
	margin-right: @num
}
.marbottom(@num){
	margin-bottom: @num
}
.margin(@num1,@num2,@num3,@num4){
	margin:@num1 @num2 @num3 @num4
}
//颜色
.color(@color){
    color: @color
}
//边框
.border(@num,@color){
	border: @num solid @color
}
.bordbottom(@num,@color){
	border-bottom: @num solid @color
}
//文字居中
.textposition(@position){
	text-align: @position
}
//字体大小
.fontsize(@large){
	font-size: @large
}
// 圆角
.border-radius(@n){
    -webkit-border-radius: @n;
    -moz-border-radius: @n;
    border-radius: @n;
}
//边框盒
.box-sizing{
    box-sizing: border-box;
    -moz-box-sizing: border-box ;
    -webkit-box-sizing: border-box ;
}
//超出部分隐藏一行
.text-overflow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

//超出部分隐藏多行 n:行数
.text-more-overflow(@n:1){
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: @n;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
/*--------------------- 自定义公共样式---------------*/
.all-height{height: 100%}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex-vc{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
}
.flex-vh{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
}

//修改element-ui 样式
.el-table th{
	line-height: initial;

}
.el-table th{
	background-color: #f5f7fa
}
.el-switch__label.is-active{
	.color(#333333)
}

/* -------修改滚动条样式----------  */
.scrollBar{
	scrollbar-face-color:#9bc630;
	/*面子*/  
	scrollbar-arrow-color:#C0C0C0;
	/*箭头*/  
	scrollbar-3dlight-color:#C0C0C0;
	/*最外左*/  
	scrollbar-highlight-color:#FFFFFF;
	/*左二*/  
	scrollbar-shadow-color:#FFFFFF;
	/*右二*/  
	scrollbar-darkshadow-color:#C0C0C0;
	/*右一*/  
	scrollbar-track-color:#f3f3f3;
	/*滑道*/  
  }
  /*滚动条整体*/  
  .scrollBar::-webkit-scrollbar{
	width:4px ;
	/*滚动条宽度*/  
  }
  /*滚动条按钮*/  
  .scrollBar::-webkit-scrollbar-track{
	background-color:#fff;
	/*滑道全部*/  
  }
  .scrollBar::-webkit-scrollbar-track-piece{
	background-color:#fff;
	/*滑道*/  
	-webkit-border-radius:4px;
	/*滑道圆角宽度*/  
  }
  .scrollBar::-webkit-scrollbar-thumb{
	background-color:#C0C0C0;
	/*滑动条表面*/  
	border:solid 1px #C0C0C0;
	/*滑动条边框*/  
	border-radius:4px;
	/*滑动条圆角宽度*/  
  }
  /*横竖滚动条交角*/  
  /*::-webkit-scrollbar-corner {
	background-color: #9bc630;
  }*/
  /*横竖滚动条交角图案*/  
  .scrollBar::-webkit-resizer {
	/*background-image: url(/public/img/resizer-inactive.png);*/  
	background-repeat: no-repeat;
	background-position: bottom right;
  }
  /*鼠标滑过滑动条*/  
  .scrollBar::-webkit-scrollbar-thumb:hover{
	background-color:#eef1f6;
  }
